
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="robots" content="all,follow" />
<meta name="description" content="..." />
<meta name="keywords" content="..." />

<link rel="stylesheet" media="screen,projection" type="text/css" href="<c:url value='/css/main.css' />" />
<link rel="stylesheet" media="print" type="text/css" href="<c:url value='/css/print.css' />" />
<link rel="stylesheet" media="aural" type="text/css" href="<c:url value='/css/aural.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/tcal.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/button.css' />" />	
<link rel="stylesheet" type="text/css" href="<c:url value='/css/viewresource.css'/>"/>
<link rel="stylesheet"  type="text/css" href="<c:url value='/css/uploadPopup.css' />" />
<link rel="stylesheet" type="text/css" href="<c:url value='/css/jquery.qtip.css' />" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript" src="<c:url value='/js/jquery.qtip.js' />"></script>
<script type="text/javascript">

function emptyTopSearchBox() {
	
	document.getElementById("search-input").value = "";
}

</script>

	<title>User Resource</title>
</head>

<body>

<!-- Main -->
<div id="main" class="box"> 
  
  <!-- Header -->
  <div id="header"> 
    
    <!-- Logotyp -->
    <img alt="" src="<c:url value='/design/logo.png'/>" class="logo" />
    <hr class="noscreen" />
    
    <!-- Quick links -->
    <div class="noscreen noprint">
      <p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
      <hr />
    </div>
	
	   <!-- Search -->
			<div id="search" class="noprint">
				<form action="<c:url value='/admin/projects/search'/>" method="GET">
					<fieldset>
						<legend>Search</legend>
						<label><span class="noscreen">Find:</span> <span
							id="search-input-out"><input type="text"
								id="search-input" name="searchString" size="30" placeholder="Search Projects" onclick="javascript:emptyTopSearchBox()"/> </span> </label> 
								<input type="image"  src="<c:url value='/design/search_submit.gif' />" id="search-submit" ALT="Submit Form" border="0" value=”Submit”/>
					</fieldset>
				</form>
			</div>
			<!-- /search -->
			
  </div>
  <!-- /header --> 
  
  <!-- Main menu (tabs) -->
  <div id="tabs" class="noprint">
    <h3 class="noscreen">Navigation</h3>
			<ul class="box">
				<li><a href="<c:url value='/admin/announcement'/>">Announcements<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
				<li id="active"><a href="<c:url value='/admin/users'/>">Users<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
				<!-- Active -->
				<li><a href="<c:url value='/admin/projects'/>">Projects<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
				<li><a href="<c:url value='/admin/rule'/>">Rule<span
						class="tab-l"></span><span class="tab-r"></span>
				</a></li>
			</ul>

			<div  class="f-right" style="margin-right:20px; margin-bottom:20px; font-weight: bold; color: #FF9000;">
				Hi, ${currentUser.firstName} ${currentUser.lastName} | <a href="<c:url value='/logout' />">Logout</a>
			</div>
    
    <hr class="noscreen" />
  </div> <!-- /tabs --> 
  
   <!-- Page (2 columns) -->
  <div id="page" class="box">
    <div id="page-in" class="box">
     
      <!-- /strip --> 
      
      <!-- Content -->
      <div id="content">
      
      <!-- Article -->
      <div class="article">
            
      <h2>
		 ${user.firstName} ${user.lastName} - ${project.name}
	  </h2>
	  <table class="zeroborder_table" border="0" bordercolor="#FFFFFF">
		<tr>
			<td class="zeroborder_table" width="430" height="30">
			<strong>
				<a href="<c:url value='/admin/users/${user.id}/${project.id}/resources' />">${project.name}</a>
				<c:choose>
				<c:when test="${folders != null}">
					<c:forEach var="tfolder" items="${traceFolders}" varStatus="counter">
            			> <a href="<c:url value='/admin/users/${user.id}/${project.id}/${tfolder.id}/resources' />">${tfolder.name}</a>
					</c:forEach>
				</c:when>
				</c:choose>
				<c:choose>
				<c:when test="${folder != null}">
            		> ${folder.name}
            	</c:when>
				</c:choose>
			</strong>
			</td>
		</tr>
	</table>
	  
			<table class="zeroborder_table" width="695px" style='table-layout: fixed'>
		    <tbody id='contentList'>
		    
		    <c:choose>
			<c:when test="${folders != null}">
				<c:forEach var="folder" items="${folders}" varStatus="counter">
											
					<tr>

					<td class="zeroborder_nowrap" >
					<a href="<c:url value='/admin/users/${user.id}/${project.id}/${folder.id}/resources' />">
						<img src="<c:url value='/images/folder.png' />" alt="Folder" height="20" width="18" />
					</a>
					</td>
					<td class="zeroborder_wrap_name" valign="middle" align="absmiddle">
						<div align="left" align="absmiddle">
							<a id="text${counter.index}" href="<c:url value='/admin/users/${user.id}/${project.id}/${folder.id}/resources' />">${folder.name}</a>
							<input type="hidden" id="textbox${counter.index}" onchange="changeName('text${counter.index}','textbox${counter.index}', ${project.id}, ${folder.id} , 0);"
									class="finput" />
						</div>
					</td>
					<td class="zeroborder_wrap_type" align="left" align="absmiddle">
						<div align="left">Folder</div>
					</td>

					<td class="zeroborder_wrap_date">
						<div align="left" align="absmiddle">-</div>
					</td>
					
					<!-- 
					<td class="zeroborder_wrap_author">
						<div align="left">-</div>
					</td> -->
					
					<c:choose>
					<c:when test="${project.mid == user.id}">
						<td class="zeroborder_nowrap">
						<div align="left">
							<a href="javascript: clickRename('text${counter.index}','textbox${counter.index}');">
							<img class="renameF"
							src="<c:url value='/images/rename.png' />" alt="Rename"
							width="16" height="19" align="absmiddle" />
							</a>
						</div>
						</td>
						<td class="zeroborder_nowrap"><div align="left"></div></td>
					</c:when>
					<c:otherwise>
						<td class="zeroborder_nowrap"><div align="left"></div></td>
						<td class="zeroborder_nowrap"><div align="left"></div></td>
					</c:otherwise>
					</c:choose>
					
					<td class="zeroborder_nowrap"><div align="left"></div></td>
					
					</tr>
				</c:forEach>
			</c:when>
			</c:choose>
     
            <c:choose>
            <c:when test="${resources != null}">           	
            	<c:forEach var="resource" items="${resources}" varStatus="counter">
            		<tr>
            			<td class="zeroborder_nowrap"><a href="<c:url value='/admin/users/${user.id}/resources/download?rid=${resource.id}' />"><img src="<c:url value='/images/${resource.type}.png' />" alt="Resource" height="20" width="18" /></a></td>
          				<td class="zeroborder_wrap_name" valign="middle" align="absmiddle"><div align="left" align="absmiddle">
            				<a href="<c:url value='/admin/users/${user.id}/resources/download?rid=${resource.id}' />"><span id="reso${counter.index}">${resource.name}</span></a>
            					<input type="hidden" id="resobox${counter.index}" 
                        			onchange="changeName('reso${counter.index}','resobox${counter.index}', ${resource.project.id}, 0, ${resource.id});" class="finput"/>               
          					</div>
          				</td>
        				
        				<td  class="zeroborder_wrap_type" align="left" align="absmiddle">
        					<span id="type${counter.index}" align="left">${resource.type}</span>
         				</td>
         				
          				<td  class="zeroborder_wrap_date"><div align="left" align="absmiddle">
            				<script language="Javascript">
								nd = new Date(${resource.timeModified});
								var month = nd.getMonth() + 1;
								var day = nd.getDate();
								var year = nd.getFullYear();
								var hour = nd.getHours() % 12;
								var min = nd.getMinutes();
								document.write(month + "/" + day + "/" + year + "<br/>");
								
								if (hour == 0) {
									document.write("12");
								} else {
									document.write(hour);
								}
								
								document.write(":");
								
								if (min < 10) {
									document.write("0" + min);
								} else {
									document.write(min);
								}
								
								if (nd.getHours() >= 12) {
									document.write(" PM");
								} else {
									document.write(" AM");
								}
							</script>
          					</div>
          				</td>
          				
          		<!-- 	<td  class="zeroborder_table" width="100"><div align="left">${resource.project.name}</div></td>   -->	
          				
          		<!--    <td  class="zeroborder_wrap_name"><div align="left"><a href="<c:url value='/admin/projects/${resource.pid}/resource' />">${resource.project.name}</a></div></td> -->		
          				      
          				<td  class="zeroborder_nowrap"><div align="left"><a href="<c:url value='/admin/users/${user.id}/resources/download?rid=${resource.id}' />"><img class="downloadFile" src="<c:url value='/images/download.png' />" alt="Download" width="18" height="20" align="absmiddle" /></a></div></td>
						
						<c:choose>
            			<c:when test="${folder != null}">
            				<td  class="zeroborder_nowrap"><div align="left"><a href="<c:url value='/admin/users/${user.id}/${project.id}/${folder.id}/resources/delete?rid=${resource.id}' />">
								<img class="deleteF" src="<c:url value='/images/trash.png' />" alt="Delete" width="18" height="20" align="absmiddle" /></a></div></td>
                        </c:when>
            			<c:otherwise>
            				<td  class="zeroborder_nowrap"><div align="left"><a href="<c:url value='/admin/users/${user.id}/${project.id}/resources/delete?rid=${resource.id}' />">
								<img class="deleteF" src="<c:url value='/images/trash.png' />" alt="Delete" width="18" height="20" align="absmiddle" /></a></div></td>
            			</c:otherwise>
            			</c:choose>
            		</tr>
                </c:forEach>               
            </c:when>
        	</c:choose>
     	</tbody>
     	</table>
      
      </div>  <!-- / article-->
      <hr class="noscreen" />
	</div> <!-- /content -->
  </div> <!-- /page-in -->
</div> <!-- /page -->

	<!-- Footer -->
	<div id="footer">
		<div id="top" class="noprint">
			<p>
				<span class="noscreen">Back on top</span> 
				<a href="#header"
					title="Back on top ^">^<span></span>
				</a>
			</p>
		</div>

		<hr class="noscreen" />
		<p id="copyright">
			&copy; 2012 
			<a href="mailto:mss.projectbox@gmail.com">ProjectBox Team</a>
		</p>
	</div> <!-- /footer -->

</div>
<!-- /main -->
<script src="<c:url value='/js/resource.js' />" type="text/javascript"></script>
</body>
</html>